<template>
    <div class=''>
        <van-form @submit="onSubmit">
  <van-field
    v-model="username"
    name="userName"
    label="用户名"
    placeholder="用户名"
    :rules="[{ required: true, message: '请填写用户名' }]"
  />
  <van-field
    v-model="password"
    type="password"
    name="password"
    label="密码"
    placeholder="密码"
    :rules="[{ required: true, message: '请填写密码' }]"
  />
  <div style="margin: 16px;">
    <van-button round block type="info" native-type="submit">提交</van-button>
  </div>
</van-form>
    </div>
</template>

<script>
import { Toast } from "vant";
import { reqLoginAPI } from "../api/user";
export default {
    
    data() {
        
        return {
              username: '',
              password: '',
        };
    },
    computed: {},
    watch: {},
    
    methods: {
      async onSubmit(values) {
      console.log('submit', values);
      const result = await reqLoginAPI({ ...values });
      console.log(result);
      if (result.code === "success") {
       Toast.success('登陆成功');
        this.$router.push("/");
      }
    },
    },
    created() {
        
    },
    mounted() {
        
    },
    components: {},
    }
</script>
<style scoped>
    
</style>